<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
     <link href="__STATIC__/layout/css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
       .radio-inline input[type=radio] {
            margin-top: 4px
        }
        .note-editable{height: 150px}
    </style>
</head>

<body style="color:#333;padding:3px;" class="gray-bg">
    <!-- 标题 -->
    <div class="page-heade">
        <h2 class="title_color text-center">渠道优惠政策申请</h2>
    </div>
    <!-- 标题 -->
    <div class="row-margin-top">
    <form action=""  class="form-inline">
       <table class="table-bordered table t_table text-center">
           <tr>
            <td style="min-width: 180px;width: 180px"><label for="" >主题<span class="colorRed">*</span>：</label></td>
            <td colspan="5" class="text-left"><input type="text" class="form-control" style="min-width: 300px;width: 300px" name=""></td>
           </tr>
            <tr>
            <td style="min-width: 180px;width: 180px"><label for="" >申请人</td>
            <td class="text-left">测试经理</td>
             <td style="min-width: 180px;width: 180px"><label for="" >所属部门</td>
            <td class="text-left">华南大区</td>
            <td style="min-width: 180px;width: 180px"><label for="" >申请时间</td>
            <td class="text-left">2017-11-20</td>
           </tr>
             <tr>
            <td  style="min-width: 180px;width: 180px"><label for="">申请原因及其他说明</label></td>
            <td colspan="5" class="text-left">
               <div class="ibox float-e-margins" style="margin-bottom: 0">
                    <div class="ibox-content no-padding">

                        <div class="summernote">
                           
                        </div>

                    </div>
                </div>
            </td>
           </tr>
        </table>
         <table class="table-bordered table t_table">
           <tr>
            <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >优惠时间段<span class="colorRed">*</span>：</label></td>
            <td colspan="2">
             <div class="form-group">
            <input type="text" id="start" class="form-control layer-date " style="height: 26px;display: inline-block;" name="">
           </div>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="height: 26px;display: inline-block;" id="end" name="">
           </div>
            </td>
           </tr>
            <tr>
            <td style="min-width: 180px;width: 180px"  class="text-right"><label for="" >区域<span class="colorRed">*</span>：</label></td>
            <td colspan="2">
           <label class="radio-inline">
                  <input type="radio" checked  name="inlineRadioOptions2" id="inlineRadio11" value="option11">分区
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio21" value="option21">省份
            </label>
               <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio12" value="option12">城市
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio22" value="option21">经销商
            </label>
            </td>
           </tr>
             <tr>
            <td  style="min-width: 180px;width: 180px" class="text-right"><label for="">分区<span class="colorRed">*</span>：</label></td>
            <td colspan="2">
             <input type="text" class="form-control" placeholder="请输入关键字或空格查询" style="min-width: 300px;width: 300px" name=""><a href="javascript:;">选择</a>
            </td>
           </tr>
           <tr>
             <td  style="min-width: 180px;width: 180px" class="text-right">您选定的分区是</td>
             <td></td>
             <td style="min-width: 50px;width: 80px"><button class="btn-danger">清空</button></td>
           </tr>
           <tr>
            <td  style="min-width: 180px;width: 180px" class="text-center"><label for="">特价及搭赠描述</label></td>
        <td colspan="2">
           <div class="ibox float-e-margins" style="margin-bottom: 0">
                    <div class="ibox-content no-padding">

                        <div class="summernote">
                           
                        </div>

                    </div>
                </div>
        </td>
           </tr>
        </table>
         <table class="table-bordered table t_table text-center">
          <tr>
           <td style="min-width: 180px;width: 180px"><label for="" >无政策销量(元)<span class="colorRed">*</span></td>
            <td class="text-left">  <input type="text" class="form-control numReg" name="" ></td>
           <td style="min-width: 180px;width: 180px"><label for="" >政策预计销量(元)<span class="colorRed">*</span></td>
             <td class="text-left">  <input type="text" class="form-control numReg" name="" ></td>
           <td style="min-width: 180px;width: 180px"><label for="" >销售增量</td>
            <td>&nbsp;</td>
          </tr>
           <tr>
           <td style="min-width: 180px;width: 180px"><label for="" >预计搭赠产生的费用(元)<span class="colorRed">*</span></td>
            <td class="text-left">  <input type="text" class="form-control" name=""></td>
           <td style="min-width: 180px;width: 180px"><label for="" >预计费用率</td>
            <td class="text-left">%</td>
           <td style="min-width: 180px;width: 180px"><label for="" >预计回报率</td>
           <td class="text-left">%</td>
          </tr>
         </table>
        <div class="form-group" style="margin:20px 10px 20px 20px">
        <input type="file" id="exampleInputFile">
        <p class="help-block" style="color:#1295d2">注：最多上传15个文件，每个文件小于50M,支持格式：</p>
        <p class="help-block" style="color:#1295d2">jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav</p>
    </div>
       <div class="row sub_btn" style="width:100%;text-align:center;padding: 20px 0">
        <input type="button" class="btn btn-success" value="保存为草稿">
        <input type="button" class="btn btn-info" value="保存并提交工作流">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()">
    </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="__STATIC__/layout/js/plugins/summernote/summernote.min.js"></script>
    <script src="__STATIC__/layout/js/plugins/summernote/summernote-zh-CN.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script>
        $(document).ready(function () {

            $('.summernote').summernote({
                lang: 'zh-CN'
            });
        });
          //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
        function back(){
          history.go(-1);
        }
      /*表单只能输出数字*/
    var numReg =document.getElementsByClassName('numReg');
        console.log(numReg)
        for(var i=0;i<numReg.length;i++){
          numReg[i].onkeyup = function(){
            this.value =this.value.replace(/[^\d]/g,'');
          }
        }
    </script>
</body>

</html>
